<!DOCTYPE html>
<html lang="zh-Hans">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>仿小米官网Tab菜单切换效果</title>
    <link rel="stylesheet" href="./css/normalized.css">
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <!-- 头部 -->
    <header class="head">
        <!-- logo -->
        <!-- <img src="./images/mi-logo.png" alt=""> -->
        <!-- 菜单 -->
        <nav>
            <ul class="menu-list"></ul>
        </nav>
        <!-- 搜索 -->
        <!-- <div class="search-box">
            <div class="input-box">
                <input type="text">
                <span>小米8</span>
                <span>小米MIX 2S</span>
            </div>
            <span>搜索</span>
        </div> -->
    </header>
    <main class="content"></main>

    <script src="./js/jquery-3.3.1.min.js"></script>
    <script src="./js/functions.js"></script>
    <script src="./js/index.js"></script>
</body>
</html>